<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>测试</title>
    <!--引用百度地图API-->
    <style type="text/css">
        html, body {
            margin: 0;
            padding: 0;
        }

        .iw_poi_title {
            color: #CC5522;
            font-size: 14px;
            font-weight: bold;
            overflow: hidden;
            padding-right: 13px;
            white-space: nowrap
        }

        .iw_poi_content {
            font: 12px arial, sans-serif;
            overflow: visible;
            padding-top: 4px;
            white-space: -moz-pre-wrap;
            word-wrap: break-word
        }

        .searchbox-content {
            width: 368px;
            border-radius: 2px 0 0 2px;
            background: #fff;
        }

        #searchbox #searchbox-container {
            position: relative;
            z-index: 2;
            pointer-events: auto;
            width: 216px;
            float: left;
            box-sizing: border-box;
            box-shadow: 1px 2px 1px rgba(0, 0, 0, .15);
        }

        #sole-searchbox-content #suggestId {
            box-sizing: border-box;
            border: 0;
            padding: 9px 0;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            line-height: 20px;
            font-size: 16px;
            height: 38px;
            color: #333;
            position: relative;
            border-radius: 2px 0 0 2px;
        }

        .searchbox-content .searchbox-content-common {
            box-sizing: border-box;
            float: left;
            width: 217px;
            height: 38px;
        }

        #searchbox #search-button {
            pointer-events: auto;
            background: url(http://webmap0.map.bdstatic.com/wolfman/static/common/images/new/searchbox_f175577.png) no-repeat 0 -76px #3385ff;
            width: 57px;
            height: 38px;
            float: left;
            border: 0;
            padding: 0;
            cursor: pointer;
            border-radius: 0 2px 2px 0;
            box-shadow: 1px 2px 1px rgba(0, 0, 0, .15);
        }

        .clearfix {
            position: absolute;
            top: 99px;
            right: 14px;
        }

        .next2 {
            background-color: #ddd;
            border: none;
        }

        .prev2 {
            background-color: #ddd;
            border: none;

        }
        .img-content {
            width: 100%;
        }

        .img-content img {
            width: 100%;
            display: none;
        }
    </style>

</head>

<body>
<!--百度地图容器-->
<div>
    <div style="width:100%;border:#ccc solid 1px;" id="dituContent"></div>
    <div id="searchbox" class="clearfix">
        <div id="machineTypeDiv" style="float: left;height: 38px;">
            <select id="machineType" style="height: 100%">
                <option value="0">标杆</option>
                <option value="2">信号灯</option>
                <option value="3">信号机</option>
                <option value="4">太阳能</option>
                 <!--<option value="5">情报板</option>-->
                 <option value="6">标线</option>
                 <option value="7">护栏</option>
                 <option value="8">监控箱</option>
                 <option value="9">窨井</option>
            </select>
        </div>
        <div id="searchbox-container">
            <div id="sole-searchbox-content" class="searchbox-content">

                <input id="suggestId" class="searchbox-content-common" type="text" name="word" autocomplete="off"
                       maxlength="256" placeholder="搜地点" value="">
                <div id="searchResultPanel"
                     style="border:1px solid #C0C0C0;width:215px;height:auto; display:none;"></div>
            </div>
        </div>
        <button id="search-button" data-title="搜索" data-tooltip="1"></button>
    </div>
</div>
<!--标杆标牌详细信息-->
<div id="modal-AllInformation" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="label-map"
     aria-hidden="true">
    <div class="modal-dialog" style="width: 800px;">
        <div class="modal-content">
            <form id="form-AllInformation" name="form-map" class="form-horizontal" role="form" method="post">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"
                            onclick="$.clearModal($('#form-AllInformation'), $('#modal-AllInformation'))">
                        <span aria-hidden="true">&times;</span></button>
                    <b class="modal-title">信息展示</b>
                </div>
                <div class="modal-body">
                    <table id="myTable" class="table table-bordered table-striped">
                        <tr>
                            <td><b>标杆</b></td>
                            <td id="projectNo"></td>
                        </tr>
                        <tr>
                            <td rowspan="6" colspan="3"><img class="image" id="img"
                                                             style="width: 230px;height:270px; cursor: pointer"
                                                             src=""></td>
                            <td><b>地址：</b></td>
                            <td colspan="3" id="address"></td>
                        </tr>
                        <tr>
                            <td><b>形状：</b></td>
                            <td id="shape"></td>
                            <td><b>安全状况：</b></td>
                            <td id="security"></td>
                        </tr>
                        <tr>
                            <td><b>是否过桥：</b></td>
                            <td id="bridge"></td>
                            <td><b>采集员：</b></td>
                            <td id="create"></td>
                        </tr>
                        <tr>
                            <td><b>尺寸：</b></td>
                            <td colspan="3" id="size"></td>
                        </tr>
                        <tr>
                            <td><b>养护单位：</b></td>
                            <td colspan="3" id="company"></td>
                        </tr>
                        <tr>
                            <td><b>监管单位：</b></td>
                            <td colspan="3" id="mainOrg"></td>
                        </tr>
                        <tr id="t">
                        </tr>

                    </table>
                    <div id="myDiv">
                        <p id="mp">这是一句换</p>
                    </div>
                </div>

                <div class="modal-footer">
                    <button type="button" class="btn btn-primary btn-flat"
                            onclick="$.clearModal($('#form-AllInformation'), $('#modal-AllInformation'))">
                        <span class="glyphicon glyphicon-ok" aria-hidden="true"></span> 完成
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>
<!--信号机详细信息-->
<div id="signalMachineInfoModal" class="modal fade" tabindex="-1" role="dialog"
     aria-labelledby="roadSignInfoModalLabel" aria-hidden="true">
    <div class="modal-dialog" style="width: 800px;">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"
                        onclick="$('#signalMachineInfoModal').modal('hide')">
                    <span aria-hidden="true">&times;</span>
                </button>
                <b class="modal-title">信号机信息</b>
            </div>
            <div class="modal-body row">
                <table class="table table-bordered table-striped">
                    <tr>
                        <td><b>项目编号：</b></td>
                        <td id="signalMachineProjectNumber"></td>
                    </tr>
                    <tr>
                        <td rowspan="6" colspan="3"><img class="image"
                                                         style="width: 230px;height: 270px; cursor: pointer"
                                                         id="signalMachinePic"
                                                         src=""></td>
                        <td><b>地址：</b></td>
                        <td colspan="3" id="signalMachineAddress"></td>
                    </tr>
                    <tr>
                        <td><b>品牌：</b></td>
                        <td id="signalMachineBrand"></td>
                        <td><b>编号：</b></td>
                        <td id="signalMachineNumber"></td>
                    </tr>
                    <tr>
                        <td><b>报警功能：</b></td>
                        <td id="signalMachineAlarm"></td>
                        <td><b>采集人：</b></td>
                        <td id="signalMachineCreator"></td>
                    </tr>
                    <tr>
                        <td><b>安装时间</b></td>
                        <td id="signalMachineInstallTime"></td>
                        <td><b>安装公司</b></td>
                        <td id="signalMachineInstallOrg"></td>
                    </tr>
                    <tr>
                        <td><b>使用年限</b></td>
                        <td id="signalMachineServiceLife"></td>
                        <td><b>保修期</b></td>
                        <td id="signalMachinePeriod"></td>
                    </tr>
                    <tr>
                        <td><b>养护公司</b></td>
                        <td id="signalMachineOrg"></td>
                        <td><b>监管公司</b></td>
                        <td id="signalMachineMainOrg"></td>
                    </tr>
                </table>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-success"
                        onclick="$('#signalMachineInfoModal').modal('hide')">
                    <span class="glyphicon glyphicon-ok" aria-hidden="true"></span> 确定
                </button>
            </div>
        </div>
    </div>
</div>
<!--信号机详细信息-->
<div id="signalLampInfoModal" class="modal fade" tabindex="-1" role="dialog"
     aria-labelledby="roadSignInfoModalLabel" aria-hidden="true">
    <div class="modal-dialog" style="width: 800px;">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"
                        onclick="$('#signalLampInfoModal').modal('hide')">
                    <span aria-hidden="true">&times;</span>
                </button>
                <b class="modal-title">信号灯信息</b>
            </div>
            <div class="modal-body row">
                <table class="table table-bordered table-striped">
                    <tr>
                        <td><b>项目编号：</b></td>
                        <td id="signalLampProjectNumber"></td>
                    </tr>
                    <tr>
                        <td rowspan="6" colspan="3"><img class="image"
                                                         style="width: 230px;height: 270px; cursor: pointer"
                                                         id="signalLampPic"
                                                         src=""></td>
                        <td><b>地址：</b></td>
                        <td colspan="3" id="signalLampAddress"></td>
                    </tr>
                    <tr>
                        <td><b>品牌：</b></td>
                        <td id="signalLampBrand"></td>
                        <td><b>编号：</b></td>
                        <td id="signalLampNumber"></td>
                    </tr>
                    <tr>
                        <td><b>类型：</b></td>
                        <td><button class="form-control" id="signalLampType"></button></td>
                        <td><b>采集人：</b></td>
                        <td id="signalLampCreator"></td>
                    </tr>
                    <tr>
                        <td><b>安装时间</b></td>
                        <td id="signalLampInstallTime"></td>
                        <td><b>安装公司</b></td>
                        <td id="signalLampInstallOrg"></td>
                    </tr>
                    <tr>
                        <td><b>使用年限</b></td>
                        <td id="signalLampServiceLife"></td>
                        <td><b>保修期</b></td>
                        <td id="signalLampPeriod"></td>
                    </tr>
                    <tr>
                        <td><b>养护公司</b></td>
                        <td id="signalLampOrg"></td>
                        <td><b>监管公司</b></td>
                        <td id="signalLampMainOrg"></td>
                    </tr>
                </table>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-success"
                        onclick="$('#signalLampInfoModal').modal('hide')">
                    <span class="glyphicon glyphicon-ok" aria-hidden="true"></span> 确定
                </button>
            </div>
        </div>
    </div>
</div>
<!--信号灯类型选择-->
<div id="signalLampTypeSelect4Map" class="modal fade" tabindex="-1" role="dialog"
     aria-labelledby="upPictureModalLabel" aria-hidden="true" style="z-index: 1500">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"
                        onclick="$.clearModal($('#typeForm'),$('#signalLampTypeSelect4Map'))">
                    <span aria-hidden="true">&times;</span>
                </button>
                <b class="modal-title"> 类型选择</b>
            </div>
            <div class="modal-body row" style="overflow: hidden;">
                <form id="typeForm">
                    <table class="table table-bordered table-striped" style="position: relative;top: -17px;">
                        <tr>
                            <td><input id="selectAll" onchange="$.changeCheck2()" type="checkbox"></td>
                            <td>类型</td>
                        </tr>
                        <tr>
                            <td><input id="check0" type="checkbox" vlaueType="0"></td>
                            <td><label for="check0">机动车信号灯</label></td>
                        </tr>
                        <tr>
                            <td><input id="check1" type="checkbox" vlaueType="1"></td>
                            <td><label for="check1">方向指示信号灯</label></td>
                        </tr>
                        <tr>
                            <td><input id="check2" type="checkbox" vlaueType="2"></td>
                            <td><label for="check2">调头信号灯</label></td>
                        </tr>
                        <tr>
                            <td><input id="check3" type="checkbox" vlaueType="3"></td>
                            <td><label for="check3">非机动车信号灯</label></td>
                        </tr>
                        <tr>
                            <td><input id="check4" type="checkbox" vlaueType="4"></td>
                            <td><label for="check4">人行横道信号灯</label></td>
                        </tr>
                        <tr>
                            <td><input id="check5" type="checkbox" vlaueType="5"></td>
                            <td><label for="check5">车道信号灯</label></td>
                        </tr>
                        <tr>
                            <td><input id="check6" type="checkbox" vlaueType="6"></td>
                            <td><label for="check6">道口信号灯</label></td>
                        </tr>
                        <tr>
                            <td><input id="check7" type="checkbox" vlaueType="7"></td>
                            <td><label for="check7">倒计时器</label></td>
                        </tr>
                        <tr>
                            <td><input id="check8" type="checkbox" vlaueType="8"></td>
                            <td><label for="check8">闪光警告信号灯</label></td>
                        </tr>
                    </table>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-success"
                        onclick="$.clearModal($('#typeForm'),$('#signalLampTypeSelect4Map'))">
                    <span class="glyphicon glyphicon-ok" aria-hidden="true"></span> 确定
                </button>
            </div>
        </div>
    </div>
</div>
<!--太阳能信息-->
<div id="solarEnergyInfoModal" class="modal fade" tabindex="-1" role="dialog"
     aria-labelledby="roadSignInfoModalLabel" aria-hidden="true">
    <div class="modal-dialog" style="width: 800px;">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"
                        onclick="$('#solarEnergyInfoModal').modal('hide')">
                    <span aria-hidden="true">&times;</span>
                </button>
                <b class="modal-title">信号机信息</b>
            </div>
            <div class="modal-body row">
                <table class="table table-bordered table-striped">
                    <tr>
                        <td><b>项目编号：</b></td>
                        <td id="solarEnergyProjectNumber"></td>
                        <td><b>采集人：</b></td>
                        <td id="solarEnergyCreator"></td>
                    </tr>
                    <tr>
                        <td rowspan="6" colspan="3"><img class="image"
                                                         style="width: 230px;height: 270px; cursor: pointer"
                                                         id="solarEnergyPic"
                                                         src=""></td>
                        <td><b>地址：</b></td>
                        <td colspan="3" id="solarEnergyAddress"></td>
                    </tr>
                    <tr>
                        <td><b>太阳能类型：</b></td>
                        <td id="solarEnergyType"></td>
                        <td><b>形式：</b></td>
                        <td id="solarEnergyStyle"></td>
                    </tr>
                    <tr>
                        <td><b>材质：</b></td>
                        <td id="solarEnergyMaterial"></td>
                        <td><b>品牌：</b></td>
                        <td id="solarEnergyBrand"></td>
                    </tr>
                    <tr>
                        <td><b>安装时间</b></td>
                        <td id="solarEnergyInstallTime"></td>
                        <td><b>安装公司</b></td>
                        <td id="solarEnergyInstallOrg"></td>
                    </tr>
                    <tr>
                        <td><b>使用年限</b></td>
                        <td id="solarEnergyServiceLife"></td>
                        <td><b>保修期</b></td>
                        <td id="solarEnergyPeriod"></td>
                    </tr>
                    <tr>
                        <td><b>养护公司</b></td>
                        <td id="solarEnergyOrg"></td>
                        <td><b>监管公司</b></td>
                        <td id="solarEnergyMainOrg"></td>
                    </tr>

                </table>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-success"
                        onclick="$('#solarEnergyInfoModal').modal('hide')">
                    <span class="glyphicon glyphicon-ok" aria-hidden="true"></span> 确定
                </button>
            </div>
        </div>
    </div>
</div>
<!--故障上报modal-->
<div id="reportFaultModal" class="modal fade" tabindex="-1" role="dialog"
     aria-labelledby="roadSignInfoModalLabel" aria-hidden="true">
    <div class="modal-dialog" style="width: 440px;">
        <div class="modal-content">
            <form id="reportFaultModalForm" name="reportFaultModalForm"
                  class="form-horizontal" role="form" method="post">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"
                            onclick="$('#reportFaultModal').modal('hide')">
                        <span aria-hidden="true">&times;</span></button>
                    <b class="modal-title" id="reportFaultModalLabel"></b>
                </div>
                <div class="modal-body" style="max-height: 500px">
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="form-group">
                                <label class="col-sm-3 control-label">故障图片</label>
                                <div class="col-sm-9">
                                    <img id="reportFaultPic" src=""
                                         onclick="$.openUpPic()"
                                         style="height: 185px; width: 260px">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label">故障等级</label>
                                <div class="col-sm-9">
                                    <select class="form-control" id="reportFaultLevel" name="reportFaultLevel">
                                        <option value="1">一</option>
                                        <option value="2">二</option>
                                        <option value="3">三</option>
                                        <option value="4">四</option>
                                        <option value="5">五</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label">故障类型</label>
                                <div class="col-sm-9">
                                    <select class="form-control" id="reportFaultType" name="reportFaultType"></select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label">故障原因</label>
                                <div class="col-sm-9">
                                    <textarea class="form-control" name="reportFaultReason" id="reportFaultReason"
                                              style="height: 100px; resize: none;"
                                              placeholder="故障原因" onKeyDown="textdown(event)" onKeyUp="textup()"
                                    ></textarea>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-warning pull-left btn-flat" data-dismiss="modal"
                            onclick="$('#reportFaultModal').modal('hide')">
                        <i class="fa fa-trash-o"></i> 取消
                    </button>
                    <button type="button" class="btn btn-success pull-right btn-flat" onclick="$.reportFault()">
                        <i class="fa fa-trash-o"></i> 上报
                    </button>
                </div>
                <input type="hidden" id="roadSignId">
                <input type="hidden" id="reportOrgId">
                <input type="hidden" id="reportMainOrgId">
            </form>
        </div>
    </div>
</div>
<!--窨井详细信息-->
<div id="coverInfoModal" class="modal fade" tabindex="-1" role="dialog"
     aria-labelledby="roadSignInfoModalLabel" aria-hidden="true">
    <div class="modal-dialog" style="width: 800px;">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"
                        onclick="$('#coverInfoModal').modal('hide')">
                    <span aria-hidden="true">&times;</span>
                </button>
                <b class="modal-title">信号机信息</b>
            </div>
            <div class="modal-body row">
                <table class="table table-bordered table-striped">
                    <tr>
                        <td><b>项目编号：</b></td>
                        <td id="coverProjectNumber"></td>
                    </tr>
                    <tr>
                        <td rowspan="7" colspan="3"><img class="image"
                                                         style="width: 230px;height: 270px; cursor: pointer"
                                                         id="coverPic"
                                                         src=""></td>
                        <td><b>地址：</b></td>
                        <td colspan="3" id="coverAddress"></td>
                    </tr>
                    <tr>
                        <td><b>品牌：</b></td>
                        <td id="coverBrand"></td>
                        <td><b>编号：</b></td>
                        <td id="coverNumber"></td>
                    </tr>
                    <tr>
                        <td><b>形状：</b></td>
                        <td id="coverShape"></td>
                        <td><b>采集人：</b></td>
                        <td id="coverCreator"></td>
                    </tr>
                    <tr>
                        <td><b>材质：</b></td>
                        <td id="coverMaterial"></td>
                        <td><b>尺寸：</b></td>
                        <td id="coverSize"></td>
                    </tr>
                    <tr>
                        <td><b>安装时间</b></td>
                        <td id="coverInstallTime"></td>
                        <td><b>安装公司</b></td>
                        <td id="coverInstallOrg"></td>
                    </tr>
                    <tr>
                        <td><b>使用年限</b></td>
                        <td id="coverServiceLife"></td>
                        <td><b>保修期</b></td>
                        <td id="coverPeriod"></td>
                    </tr>
                    <tr>
                        <td><b>养护公司</b></td>
                        <td id="coverOrg"></td>
                        <td><b>监管公司</b></td>
                        <td id="coverMainOrg"></td>
                    </tr>
                </table>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-success"
                        onclick="$('#coverInfoModal').modal('hide')">
                    <span class="glyphicon glyphicon-ok" aria-hidden="true"></span> 确定
                </button>
            </div>
        </div>
    </div>
</div>
<!--限高杆详细信息-->
<div id="highLeverInfoModal" class="modal fade" tabindex="-1" role="dialog"
     aria-labelledby="roadSignInfoModalLabel" aria-hidden="true">
    <div class="modal-dialog" style="width: 800px;">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"
                        onclick="$('#highLeverInfoModal').modal('hide')">
                    <span aria-hidden="true">&times;</span>
                </button>
                <b class="modal-title">信号机信息</b>
            </div>
            <div class="modal-body row">
                <table class="table table-bordered table-striped">
                    <tr>
                        <td><b>项目编号：</b></td>
                        <td id="highLeverProjectNumber"></td>
                    </tr>
                    <tr>
                        <td rowspan="7" colspan="3"><img class="image"
                                                         style="width: 230px;height: 270px; cursor: pointer"
                                                         id="highLeverPic"
                                                         src=""></td>
                        <td><b>地址：</b></td>
                        <td colspan="3" id="highLeverAddress"></td>
                    </tr>
                    <tr>
                        <td><b>尺寸：</b></td>
                        <td id="highLeverSize"></td>
                        <td><b>采集人：</b></td>
                        <td id="highLeverCreator"></td>
                    </tr>
                    <tr>
                        <td><b>安装时间</b></td>
                        <td id="highLeverInstallTime"></td>
                        <td><b>安装公司</b></td>
                        <td id="highLeverInstallOrg"></td>
                    </tr>
                    <tr>
                        <td><b>使用年限</b></td>
                        <td id="highLeverServiceLife"></td>
                        <td><b>保修期</b></td>
                        <td id="highLeverPeriod"></td>
                    </tr>
                    <tr>
                        <td><b>养护公司</b></td>
                        <td id="highLeverOrg"></td>
                        <td><b>监管公司</b></td>
                        <td id="highLeverMainOrg"></td>
                    </tr>
                </table>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-success"
                        onclick="$('#highLeverInfoModal').modal('hide')">
                    <span class="glyphicon glyphicon-ok" aria-hidden="true"></span> 确定
                </button>
            </div>
        </div>
    </div>
</div>
<!--标线详细信息-->
<div id="roadLineInfoModal" class="modal fade" tabindex="-1" role="dialog"
     aria-labelledby="roadSignInfoModalLabel" aria-hidden="true">
    <div class="modal-dialog" style="width: 800px;">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"
                        onclick="$('#roadLineInfoModal').modal('hide')">
                    <span aria-hidden="true">&times;</span>
                </button>
                <b class="modal-title">标线信息</b>
            </div>
            <div class="modal-body row">
                <table class="table table-bordered table-striped">
                    <tr>
                        <td><b>项目编号：</b></td>
                        <td id="roadLineProjectNumber"></td>
                    </tr>
                    <tr>
                        <td rowspan="6" colspan="3"><img class="image"
                                                         style="width: 230px;height: 270px; cursor: pointer"
                                                         id="roadLinePic"
                                                         src=""></td>
                        <td><b>地址：</b></td>
                        <td colspan="3" id="roadLineAddress"></td>
                    </tr>
                    <tr>
                        <td><b>图示：</b></td>
                        <td id="roadLineGraphic"></td>
                        <td><b>编号：</b></td>
                        <td id="roadLineNumber"></td>
                    </tr>
                    <tr>
                        <td><b>类型：</b></td>
                        <td id="roadLineType"></td>
                        <td><b>采集人：</b></td>
                        <td id="roadLineCreator"></td>
                    </tr>
                    <tr>
                        <td><b>安装时间</b></td>
                        <td id="roadLineInstallTime"></td>
                        <td><b>安装公司</b></td>
                        <td id="roadLineInstallOrg"></td>
                    </tr>
                    <tr>
                        <td><b>使用年限</b></td>
                        <td id="roadLineServiceLife"></td>
                        <td><b>保修期</b></td>
                        <td id="roadLinePeriod"></td>
                    </tr>
                    <tr>
                        <td><b>养护公司</b></td>
                        <td id="roadLineOrg"></td>
                        <td><b>监管公司</b></td>
                        <td id="roadLineMainOrg"></td>
                    </tr>
                </table>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-success"
                        onclick="$('#roadLineInfoModal').modal('hide')">
                    <span class="glyphicon glyphicon-ok" aria-hidden="true"></span> 确定
                </button>
            </div>
        </div>
    </div>
</div>
<!--护栏详细信息-->
<div id="guardrailInfoModal" class="modal fade" tabindex="-1" role="dialog"
     aria-labelledby="roadSignInfoModalLabel" aria-hidden="true">
    <div class="modal-dialog" style="width: 800px;">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"
                        onclick="$('#guardrailInfoModal').modal('hide')">
                    <span aria-hidden="true">&times;</span>
                </button>
                <b class="modal-title">护栏信息</b>
            </div>
            <div class="modal-body row">
                <table class="table table-bordered table-striped">
                    <tr>
                        <td><b>项目编号：</b></td>
                        <td id="guardrailProjectNumber"></td>
                    </tr>
                    <tr>
                        <td rowspan="6" colspan="3"><img class="image"
                                                         style="width: 230px;height: 270px; cursor: pointer"
                                                         id="guardrailPic"
                                                         src=""></td>
                        <td><b>地址：</b></td>
                        <td colspan="3" id="guardrailAddress"></td>
                    </tr>
                    <tr>
                        <td><b>护栏材质：</b></td>
                        <td id="guardrailMaterial"></td>
                        <td><b>颜色：</b></td>
                        <td id="guardrailColor"></td>
                    </tr>
                    <tr>
                        <td><b>护栏类型：</b></td>
                        <td id="guardrailType"></td>
                        <td><b>采集人：</b></td>
                        <td id="guardrailCreator"></td>
                    </tr>
                    <tr>
                        <td><b>安装时间</b></td>
                        <td id="guardrailInstallTime"></td>
                        <td><b>安装公司</b></td>
                        <td id="guardrailInstallOrg"></td>
                    </tr>
                    <tr>
                        <td><b>使用年限</b></td>
                        <td id="guardrailServiceLife"></td>
                        <td><b>保修期</b></td>
                        <td id="guardrailPeriod"></td>
                    </tr>
                    <tr>
                        <td><b>养护公司</b></td>
                        <td id="guardrailOrg"></td>
                        <td><b>监管公司</b></td>
                        <td id="guardrailMainOrg"></td>
                    </tr>
                </table>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-success"
                        onclick="$('#guardrailInfoModal').modal('hide')">
                    <span class="glyphicon glyphicon-ok" aria-hidden="true"></span> 确定
                </button>
            </div>
        </div>
    </div>
</div>
<!--监控箱详细信息-->
<div id="monitorInfoModal" class="modal fade" tabindex="-1" role="dialog"
     aria-labelledby="roadSignInfoModalLabel" aria-hidden="true">
    <div class="modal-dialog" style="width: 800px;">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"
                        onclick="$('#monitorInfoModal').modal('hide')">
                    <span aria-hidden="true">&times;</span>
                </button>
                <b class="modal-title">信号机信息</b>
            </div>
            <div class="modal-body row">
                <table class="table table-bordered table-striped">
                    <tr>
                        <td><b>项目编号：</b></td>
                        <td id="monitorProjectNumber"></td>
                    </tr>
                    <tr>
                        <td rowspan="8" colspan="3"><img class="image"
                                                         style="width: 230px;height: 270px; cursor: pointer"
                                                         id="monitorPic"
                                                         src=""></td>
                        <td><b>地址：</b></td>
                        <td colspan="3" id="monitorAddress"></td>
                    </tr>
                    <tr>
                        <td><b>品牌：</b></td>
                        <td id="monitorBrand"></td>
                        <td><b>编号：</b></td>
                        <td id="monitorNumber"></td>
                    </tr>
                    <tr>
                        <td><b>监控朝向：</b></td>
                        <td id="monitorDirection"></td>
                        <td><b>采集人：</b></td>
                        <td id="monitorCreator"></td>
                    </tr>
                    <tr>
                        <td><b>监控杆形状：</b></td>
                        <td id="monitorPoleShape"></td>
                        <td><b>监控杆尺寸：</b></td>
                        <td id="monitorPoleSize"></td>
                    </tr>
                    <tr>
                        <td><b>监控箱形状：</b></td>
                        <td id="MonitorPosition"></td>
                        <td><b>监控箱尺寸：</b></td>
                        <td id="MonitorSize"></td>
                    </tr>
                    <tr>
                        <td><b>安装时间</b></td>
                        <td id="monitorInstallTime"></td>
                        <td><b>安装公司</b></td>
                        <td id="monitorInstallOrg"></td>
                    </tr>
                    <tr>
                        <td><b>使用年限</b></td>
                        <td id="monitorServiceLife"></td>
                        <td><b>保修期</b></td>
                        <td id="monitorPeriod"></td>
                    </tr>
                    <tr>
                        <td><b>养护公司</b></td>
                        <td id="monitorOrg"></td>
                        <td><b>监管公司</b></td>
                        <td id="monitorMainOrg"></td>
                    </tr>
                </table>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-success"
                        onclick="$('#monitorInfoModal').modal('hide')">
                    <span class="glyphicon glyphicon-ok" aria-hidden="true"></span> 确定
                </button>
            </div>
        </div>
    </div>
</div>
<!--故障详情-->
<div class="modal fade bs-example-modal-sm" id="addfaultModal" tabindex="-1" role="dialog"
     aria-labelledby="addfaultModalLabel"
     aria-hidden="true">
    <div class="modal-dialog" style="width: 800px;">
        <div class="modal-content">
            <div class="modal-header">
                <label class="modal-title" id="addfaultModalLabel"></label>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"
                        onclick="$.closeAddfaultModal()">
                    <span aria-hidden="true">&times;</span></button>
                </button>
            </div>
            <div class="modal-body" id="add-body" style="overflow: auto">
                <table class="table table-bordered table-striped">
                    <tr>
                        <td class="col-sm-3">上报人员</td>
                        <td class="col-sm-3"><span id="addfault_signFaultPeopleName"></span></td>
                        <td class="col-sm-3">上报人员电话</td>
                        <td class="col-sm-3"><span id="addfault_signFaultPeopleMobile"></span></td>
                    </tr>
                    <tr>
                        <td class="col-sm-3">设施位置名称</td>
                        <td class="col-sm-3"><span id="addfault_roadName"></span>
                            <button style="float: right" id="addfault_signBtn" onclick="$.roadPoleDTModal()"><span
                                    class="glyphicon glyphicon-map-marker">
                            </span></button>
                        </td>
                        <td class="col-sm-3">预计维修金额(元)</td>
                        <td class="col-sm-3"><input type="text" id="addfault_repairAmount"
                                                    onkeyup="onlyNumber(this)" placeholder="0.00"/></td>
                    </tr>
                    <tr>
                        <td class="col-sm-3">所属路口路段</td>
                        <td colspan="3"><span id="addfault_address"></span></td>
                    </tr>
                    <tr>
                        <td class="col-sm-3">故障类型</td>
                        <td class="col-sm-3"><select class="form-control" id="addfault_signFaultType"
                                                     name="addfault_signFaultType"></select></td>
                        <td class="col-sm-3">故障等级</td>
                        <td class="col-sm-3">
                            <select class="form-control" id="addfault_signFaultLevel" name="addfault_signFaultLevel">
                                <option value="1">一级</option>
                                <option value="2">二级</option>
                                <option value="3">三级</option>
                                <option value="4">四级</option>
                                <option value="5">五级</option>
                            </select></td>
                    </tr>
                    <tr>
                        <td>故障原因</td>
                        <td colspan="3">
                            <textarea class="form-control" id="addfault_signFaultReason"
                                      style="height: 80px"></textarea>
                        </td>
                    </tr>
                    <tr>
                        <td>故障图片</td>
                        <td colspan="3" rowspan="2">
                            <img id="addfault_signFaultPic" src="../images/default_photo.png"
                                 onclick="$.openUpPic()"
                                 style="width:83%;height: 300px;cursor: pointer"/>
                        </td>
                    </tr>
                </table>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-warning" data-dismiss="modal"
                        onclick="$.closeAddfaultModal()"><i class="fa fa-trash-o"></i> 取消
                </button>
                <button type="button" id="reportBtn" onclick="$.reportFault()" class="btn btn-primary"><i
                        class="glyphicon glyphicon-upload"></i> 上报
                </button>
            </div>
            <input type="hidden" id="addfault_roadSignId" name="addfault_roadSignId">
            <input type="hidden" id="addfault_orgId" name="addfault_orgId">
            <input type="hidden" id="addfault_mainOrgId" name="addfault_mainOrgId">
        </div>
    </div>
</div>
<!--图片上传-->
<div class="modal fade" id="upPictureModal" tabindex="-1" role="dialog"
     aria-labelledby="upPictureModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"
                        onclick="$.closeUpPhModal()">
                    <span aria-hidden="true">&times;</span>
                </button>
                <b class="modal-title" id="upPictureModalLabel"></b>
            </div>
            <div class="modal-body row">
                <div id="container" class="col-sm-12">
                    <a id="selectfiles" href="javascript:void(0);" class='btn btn-primary'>
                        <span class='glyphicon glyphicon-picture'></span> 选择图片</a>
                    <a id="postfiles" href="javascript:void(0);" class='btn btn-success'>
                        <span class='glyphicon glyphicon-send'></span> 开始上传</a>
                </div>
                <div id="ossfile" class="col-sm-12" style="margin-top: 20px;"></div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" onclick="$.closeUpPhModal()">
                    <span class="glyphicon glyphicon-remove" aria-hidden="true"></span> 取消
                </button>
                <button type="button" class="btn btn-success" onclick="$.doneUpPhoto()">
                    <span class="glyphicon glyphicon-ok" aria-hidden="true"></span> 完成
                </button>
            </div>
        </div>
    </div>
</div>
<!--拒绝原因模态框-->
<div class="modal fade" id="showReasonModal" tabindex="-1" role="dialog"
     aria-labelledby="showReasonModalLabel" aria-hidden="true">
    <div class="modal-dialog" style="width: 400px;">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"
                        onclick="$.clearModal($('#showReasonForm'), $('#showReasonModal'))">
                    <span aria-hidden="true">&times;</span>
                </button>
                <b class="modal-title" id="showReasonModalLabel">反馈内容</b>
            </div>
            <form id="showReasonForm">
                <div class="modal-body row">

                    <textarea type="text" class="form-control" id="reason" name="reason"
                              placeholder="反馈内容" style="height: 210px;resize: none;" readonly></textarea>

                    <input type="hidden" id="1roadSignId">
                </div>
            </form>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary"
                        onclick="$.clearModal($('#showReasonForm'), $('#showReasonModal'))">
                    <span class="glyphicon glyphicon-remove" aria-hidden="true"></span> 取消
                </button>
                <button type="button" class="btn btn-success" id="stateBtn">
                    <span class="glyphicon glyphicon-ok" aria-hidden="true"></span> 重新上报
                </button>
            </div>
        </div>
    </div>
</div>
<!--图片展示-->
<div id="showPicList" class="modal fade" tabindex="-1" role="dialog"
     aria-labelledby="showPicLabel" aria-hidden="true" style="z-index: 1500">
    <div class="modal-dialog" style="width: 540px;">
        <div class="modal-content">
            <div class="modal-header">
                <button class="prev2">&lt;</button>
                <button class="next2">&gt;</button>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"
                        onclick="$('#showPicModal').modal('hide');">
                    <span aria-hidden="true">&times;</span></button>
                <b class="modal-title" id="showPicLabel"></b>
            </div>
            <div class="modal-body" style="position: relative">
                <div class="img-content"></div>
            </div>
        </div>
    </div>
</div>

</body>
<!--oss 上传-->
<script src="../plugins/oss-h5-upload-js-direct/lib/plupload-2.1.2/js/plupload.full.min.js"></script>
<script src="../plugins/oss-h5-upload-js-direct/lib/crypto1/crypto/crypto.js"></script>
<script src="../plugins/oss-h5-upload-js-direct/lib/crypto1/hmac/hmac.js"></script>
<script src="../plugins/oss-h5-upload-js-direct/lib/crypto1/sha1/sha1.js"></script>
<script src="../plugins/oss-h5-upload-js-direct/lib/base64.js"></script>
<script src="../plugins/oss-h5-upload-js-direct/upload.js"></script>
<!----------------->
<script src="management/roadSignMap.js"></script>
</html>
